<!--
 * @Description:
 * @Author: william
 * @Date: 2024-03-05 18:05:09
 * @LastEditors: william
 * @LastEditTime: 2025-04-14 17:17:43
-->
<template>
  <div class="content no-data">
    <div>
      <img v-if="theme === 'theme-white'" src="@/assets/noData/nodata2.png" />
      <img v-if="theme === 'theme-blue'" src="@/assets/noData/nodata1.png" />
      <p>{{ $t('public.noReportedData') }}</p>
    </div>
  </div>
</template>

<script setup>
const { theme } = storeToRefs(useAppStore())
</script>

<style lang="scss" scoped>
.content.no-data {
  text-align: center;
  img {
    height: 100px;
  }
  p {
    margin-top: 5px;
    font-size: 14px;
    font-weight: normal;
    color: var(--color-999);
  }
}
</style>
